<template>
  <div class="mid">
    <div class="container">
      <HeaderNav></HeaderNav>
      <router-view></router-view>
      <MyNav></MyNav>
    </div>
  </div>
</template>

<script setup lang="ts">
import MyNav from "./../components/MyNav.vue";
import HeaderNav from "./../components/Statistics/HeaderNav.vue";
</script>

<style scoped lang="less">
.mid {
  min-width: 100vw;
  // min-height: 100vh;
  // width: 100vw;
  // height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  .container {
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    justify-content: flex-start;
    background-color: rgb(242, 251, 251);
    // width: 40vw;
    // width: 100vw;
    height: 100vh;
  }
}
</style>
